import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getTokenTime } from '@/utils/auth'
import router from '@/router'

// 创建axios实例
const service = axios.create(
  { baseURL: process.env.VUE_APP_BASE_API }
)

const timeout = 60 * 60

// 请求拦截器
service.interceptors.request.use(config => {
  // 请求的配置信息
  const token = store.getters.token
  if (token) {
    // 检查token是否过期
    if (isCheckeTimeOut()) {
      store.commit('user/logout')
      router.push('/login')
      return Promise.reject(new Error('登录过期'))
    }
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}
)

// 响应拦截器
service.interceptors.response.use(res => {
  // 响应成功的数据
  // console.log(res)
  const { success, data, message } = res.data
  if (success) {
    return data
  }
  Message.error(message)
  // 防止下面进入then
  return Promise.reject(new Error('接口异常'))
}, err => {
  let text = null
  if (err.response && err.response.data && err.response.data.code === 10002) {
    // 当等于10002的时候 表示 后端告诉我token超时了
    store.commit('user/logout') // 登出action 删除token
    router.push('/login')
    text = '登录过期'
  }
  if (err.response && err.response.status === 404) {
    text = '亲，资源不存在'
  }
  Message.error(text || err.message)
  // 防止下面进入then
  return Promise.reject(new Error(err))
}
)

function isCheckeTimeOut() {
  // 当前的时间戳
  const currentTime = Date.now()
  // 存的时间戳
  const tokenTime = getTokenTime()
  return ((currentTime - tokenTime) / 1000) > timeout
}

export default service
